﻿@import '_variables.less';
@import '_mixins.less';
@import "_common.less";
@import "_customBootstrap.less";

html,body{
    margin:0;padding:0;height:100%;
}
body {
    position:relative;
    font-family:@font-family-base;.font-size(1.4);color:@color_text;
    background-color:#fff;
}

a{
    color:@linkColor;text-decoration:none;
    &:hover{
        color:@color_hover;text-decoration:none;
    }
}

.topcol{
    height:30px;line-height:30px;background-color:#000;
    a{
        color:#fff;padding-left:15px;text-transform:uppercase;display:inline-block;
        &:first-child{
           border-right:1px #333 solid;padding-right:15px;
        }
    }

}

.bbi-page-header{
    height:74px;box-shadow:0 0 6px rgba(0,0,0,.15);
    .logomenu-container{
        display:table;width:100%;
        .logomenu{
            display:table-row;width:100%;
            .logo{
                display:table-cell;width:150px;height:74px;vertical-align:middle;
            }
            .menu{
                display:table-cell;vertical-align:middle;
                ul{
                    margin:0;padding:0 15px 0 0;list-style:none;text-align:right;
                    li{
                    display:inline-block;
                        a{
                            font-size:16px;height:74px;padding:0 25px;display:block;line-height:74px;                            

                            &.active{
                                border-bottom:3px @color_main solid;color:@color_main;
                            }
                        }
                    }
                }
                
            }
            .langs{
                 display:table-cell;vertical-align:middle;width:150px;text-align:right;
                 .lang-select{
                     border-left:1px #999 solid;
                 }
                 a{
                     display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:3px;
                     &.active{
                         background-color:@color_main;color:#fff;
                     }
                 }
            }
        }
    }
    
}

.weigt-carousels{
    border-bottom:1px #fff solid;margin-bottom:30px;box-shadow:0 0 8px rgba(0,0,0,.3);
    .swiper-slide{
        img{
            width:100%;
        }
    }
}

.sitepath{
    background:#333 url(../img/header_light_bg.png) repeat-x;max-height:90px;margin-bottom:45px;
    color:#fff;
    h1{
        font-weight:lighter;
    }
}

.iconfont{
    -webkit-text-stroke-width: 0 !important;
}


.about-page{
    margin-bottom:60px;
    h3{
        margin:0 0 30px;font-size:32px;color:#333;
    }
    p{
        font-size:16px;line-height:1.8;text-align:justify;
    }
}


.baidumap{
    height:400px;margin-bottom:15px;
}
.contact-page{
     margin-bottom:60px;
    .sendform{
        padding:25px;background-color:#f7f7f7;
    }
    .contactus{
        .mplnone;
        li{
            padding:8px 15px 8px 25px;position:relative;
            i{
                position:absolute;left:5px;top:5px;z-index:300;
            }
        }
    }
}

.sectiontitle{
    background:url(../svg/arrow.svg) no-repeat left center;padding-left:54px;height:52px;line-height:52px;color:#333;font-size:20px;
    margin:0 0 20px;
}

.page-news{
    margin-bottom:50px;
    .item{
        position:relative;border-bottom:1px #eee solid;padding:20px 0 20px 175px;display:block;
        .thumbnail{
            position:absolute;width:160px;left:0;top:20px;z-index:100;
        }
        .des{
            h3{
                margin:0 0 15px;padding:0;font-size:20px;
            }
            p{
                color:#999;
            }
            .meta{
                color:#999;
            }
        }
    }
    .article{
        h2.title{
            color:#333;font-size:32px;margin:0 0 15px;
        }
        .note{
            margin-bottom:15px;
            ul{
                .mplnone;
                li{
                    display:inline-block;color:#999;
                }
            }
        }
        .content{
            margin-bottom:40px;line-height:1.8;
        }
    }
}

.page-login {
    margin-bottom: 50px;

    .loginform {
        margin:50px auto;

       width:30%;
    }
}
.page-register{
    .registerbox{
        margin:50px auto;width:30%;
    }
}

.page-featured{
    .item{
        display:block;margin-bottom:30px;
      //  transform:matrix(0,0,0,0,0);
        img{
            width:100%;
        }
        figcaption{
            display:block;padding:8px 15px;text-align:center;background-color:#f7f7f7;overflow:hidden;white-space:nowrap;
        }
    }
}

.page-products{
    margin-bottom:40px;
    .productlist{
        .item{
            margin-bottom:15px;
            img{
                width:100%;margin-bottom:1px;
            }
            .des{
                background-color:#f7f7f7;padding:15px 8px;
                .icon{
                    float:right;
                    a{
                        color:orangered;
                    }
                }
                h3{
                    font-size:16px;margin:0;
                }
            }
        }
    }   
}
.page-productdetail{
    .productdes{
        height:763px;background-color:#f7f7f7;
        h1{
            color:#333;margin:0 0 20px;
        }
        ul{
            margin-bottom:20px;
            li{
                border-bottom:1px #ddd solid;padding:15px 5px;color:#999;
                span{
                    color:#333;
                }
        }
}
}
}
.list-series{
        margin:0 0 20px;padding:0;
        li{
            border-bottom:1px #ddd solid;padding-top:8px;padding-bottom:8px;margin:0;
            list-style-position:inside;
        }
    }
.list-products{
    .item-product{
        margin-bottom:15px;display:block;width:48%;float:left;
        img{
            width:100%;
        }
        figcaption{
            text-align:center;padding:8px;
        }
        &:nth-child(2n+1){
            float:right;
        }
    }
}

.gallery-top{
    margin-bottom:10px;height:653px;
    img{
        width:100%;
    }
}
.gallery-thumbs{
    background-color:#f7f7f7;height:100px;
    .swiper-slide{
        display:inline-block;width:100px;
        img{
            opacity:.5;
        }

        &.swiper-slide-active{
             img{
                opacity:1;
            }
        }
    }
}

.laster-news{
    margin-bottom:50px;
    .item-post{
        display:block;
        position:relative;padding-left:115px;
        img{
            position:absolute;left:0;width:100px;top:0;
        }
        p{
            color:#999;
        }
    }
}

.page-member{
    min-height:550px;
    .nav {
        padding-left: 380px;      
        a{
            i.iconfont{
                font-size:20px;margin-right:6px;
            }
        }
    }
}

.page-footer{
    background-color:#000;padding:25px 0;color:#fff;
    .logo{
        img{
            height:30px;
        }        
    }
}
